<!DOCTYPE html>
<html>
<head>
  <title>glyph clipping (reference)</title>
  <style>
    #clip { position: absolute;
            overflow: hidden;
            font-size: 16px;
            width: 500px;
            height: 300px;}
    /* Offsets keep the text far enough away from clip boundaries so that
       cairo knows the text is within the clip.  Non-unit alpha color makes
       the bug show even without antialiasing.  */
    #text { position: absolute;
            left: 100px;
            top: 100px;
            color: rgba(0,0,0,0.4)}
    #cover { position: absolute;
             top: 90px;
             left: 120px;
             height: 50px;
             width: 60px;
             background: transparent; }
    #mod { position: absolute;
             top: 400px;
             left: 0px;
             height: 2000px;
             width: 600px;
             background: transparent; }
  </style>
</head>
<body>
  <div id="clip">
    <div id="text">
    Some text that was</br>
    initially partially covered.</br>
    </div>
  </div>
  <div id="cover">
  </div>
  <div id="mod">
  </div>
</body>
<script>
  scrollTo(0,1);
</script>
</html>
